<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
   <TITLE>RChart, User Guide</TITLE>
   <META NAME="GENERATOR" CONTENT="Mozilla/3.04Gold (WinNT; I) [Netscape]">
</HEAD>
<BODY bgcolor="#FFFFFF">
<h3> Annex A, RChart Visual Builder</h3>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><i>Copyright 2005, J4L 
  Components (http://www.java4less.com)</i></font> <br>
  <a href="tutorialcontents.html">Go bak to contents</a></p>
<hr>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="3"><a href="#introduction"> 
    Introduction</a> </font> </li>
  <ul>
    <li><font face="Arial, Helvetica, sans-serif"><a href="#what"><font size="2">What 
      is RChart Visual Builder</font></a></font></li>
    <li><font size="2"><a href="#requirements"><font face="Arial, Helvetica, sans-serif">Requirements</font></a></font></li>
    <li><font face="Arial, Helvetica, sans-serif" size="2"><a href="#about">About 
      the evaluation version</a></font></li>
  </ul>
  <li><font face="Arial, Helvetica, sans-serif" size="3"><a href="#description">Description</a> 
    </font> </li>
  <ul>
    <li><font size="2"><a href="#starting"><font face="Arial, Helvetica, sans-serif">Starting 
      RChart Visual Builder</font></a></font></li>
    <li><font size="2"><a href="#user"><font face="Arial, Helvetica, sans-serif">User 
      Interface</font></a></font></li>
    <li><font size="2"><a href="#limitation"><font face="Arial, Helvetica, sans-serif">Limitations</font></a></font></li>
    <li><font face="Arial, Helvetica, sans-serif" size="2"><a href="#running">Running 
      the chart</a></font> </li>
  </ul>
  <li><font face="Arial, Helvetica, sans-serif" size="3"><a href="#tutorial">Tutorial 
    </a></font> 
    <ul>
      <li><font size="2"><a href="#createline"><font face="Arial, Helvetica, sans-serif">Create 
        a line or bar chart, step by step</font></a></font></li>
      <li><font face="Arial, Helvetica, sans-serif" size="2"><a href="#createpie">Create 
        a pie chart, step by step</a></font></li>
      <li><font size="2"><a href="#examples"><font face="Arial, Helvetica, sans-serif">Examples</font></a></font></li>
    </ul>
  </li>
</ul>
<P>&nbsp;</P>
<P><font face="Arial, Helvetica, sans-serif"><b><font size=+2><a name="introduction"><!-- --></a>Introduction</font></b></font></P>
<P>&nbsp;</P>
<P><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="what"><!-- --></a></font></b><font color="#003399">What 
  is RChart Visual Builder</font></b></font></P>
<P><font face="Arial, Helvetica, sans-serif">RChart Visual Builder is a tool for 
  creating charts to be used with RChart. It is however optional </font><font face="Arial, Helvetica, sans-serif">, 
  you don't have to use RChart Visual Builder if you don't want to. In this case 
  you can still manually create the parameters for Rchart.</font></P>
<P><font face="Arial, Helvetica, sans-serif">the<b> benefits</b> of using RChart 
  Visual Builder are:</font></P>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">you don't have to write much Java 
    source code in order to create charts.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">you will not make any mistakes 
    when typing parameters, since you visually define the chart.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">you will have an overview of the 
    available parameters.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">you will easily and quickly test 
    changes in you chart design.</font></li>
</ul>
<P><font face="Arial, Helvetica, sans-serif">this will result in<i><b> shorter 
  learning and development times </b></i>of charts.</font></P>
<P>&nbsp;</P>
<P><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="requirements"><!-- --></a></font></b><font color="#003399">Requirements</font></b></font></P>
<P><font face="Arial, Helvetica, sans-serif">In order to run RChart Visual Builder 
  you need JDK 1.2 or later (1.3, 1.4 ...)</font></P>
<ul>
  <li><font face="Arial, Helvetica, sans-serif"> JDK 1.2, you must also install 
    Swing (swingall.jar). If you don't have it you can dowload it here: <a href="http://java.sun.com/products/jfc/">The 
    Swing Connection.</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif">JDK 1.3 or later, already contains 
    the swing classes.</font></li>
</ul>
<P><font face="Arial, Helvetica, sans-serif">Note: Swing is needed it to run RChart 
  Visual Builder only, it is not needed for running RChart.</font></P>
<P><font face="Arial, Helvetica, sans-serif">Note: Since RChart uses Swing, the 
  fonts can look slightly different if you later run the chart using SWT.</font></P>
<P>&nbsp;</P>
<P><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="about"><!-- --></a></font></b><font color="#003399">About 
  the evaluation version</font></b></font></P>
<P><font face="Arial, Helvetica, sans-serif">If you are running the evaluation 
  version of RChart Visual Builder you must be aware of these limitations:</font></P>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">a reminded will be displayed when 
    you start the application.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">you will not be able to save or 
    export your charts.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">you will only be able to see the 
    first 10 created parameters in the menu <i>output-&gt;view</i>. </font></li>
</ul>
<p>&nbsp;</p>
<P><font face="Arial, Helvetica, sans-serif"><b><font size=+2><a name="description"><!-- --></a>Description</font></b></font></P>
<P>&nbsp;</P>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="starting"><!-- --></a></font></b><font color="#003399">Starting 
  RChart Visual Builder</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">In order to start the application 
  you must execute <b>bin/VisualBuilder</b></font><b><font face="Arial, Helvetica, sans-serif">.bat.</font></b></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="user"><!-- --></a></font></b><font color="#003399">User 
  Interface</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">The user interface is made of the 
  following sections:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">the <b>chart area</b>: left window. 
    This area will display the created chart. </font></li>
</ul>
<p align="center"><img src="images/rchartvb21_1.PNG" width="395" height="485"></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">The <b>components tree</b>. This 
    tree displays the components of the chart. Each chart can have the following 
    components: </font></li>
</ul>
<ul>
  <ul>
    <li><font face="Arial, Helvetica, sans-serif"><b><font color="#6666FF">the 
      chart</font></b>: this component stores some general configuration, like 
      chart's title, background color...</font></li>
    <li><font color="#6666FF" face="Arial, Helvetica, sans-serif"><b>the X axis</b></font><font face="Arial, Helvetica, sans-serif">: 
      each chart can have up to 3 X axis (a main axis and 2 secondary axis). You 
      can actually define more but RChart Visual Builder only allows you to enter 
      3. </font></li>
    <li><font color="#6666FF" face="Arial, Helvetica, sans-serif"><b>the Y axis</b></font><font face="Arial, Helvetica, sans-serif">: 
      each chart can have up to 3 Y axis (a main axis and 2 secondary axis).</font></li>
    <li><font color="#6666FF" face="Arial, Helvetica, sans-serif"><b>the Y2 axis</b></font><font face="Arial, Helvetica, sans-serif">: 
      each chart can have up to 3 Y2 axis (a main axis and 2 secondary axis).</font></li>
    <li><font color="#6666FF" face="Arial, Helvetica, sans-serif"><b>the target 
      zones </b></font><font face="Arial, Helvetica, sans-serif">: each chart 
      can have up to 5 target zones.</font></li>
    <li><font color="#6666FF" face="Arial, Helvetica, sans-serif"><b>the notes 
      </b></font><font face="Arial, Helvetica, sans-serif">: each chart can have 
      up to 5 notes.</font></li>
    <li><font face="Arial, Helvetica, sans-serif"><b><font color="#6666FF">the 
      plotters</font></b>: each chart can have several plotters, depending on 
      the kind of chart you create: linechart (for 2D/3D lines, areas, candlestick 
      and curves), barchart (2D/3D bars) piechart (2D/3D pies) and radarchart.</font></li>
    <li><font face="Arial, Helvetica, sans-serif"><b><font color="#6666FF">the 
      series</font></b>. RChart Visual Builder supports up to 9 series (RChart 
      supports however 50). In order to activate each serie you must enter a name 
      in the &quot;<i>name</i>&quot; field. If this field is empty, the serie 
      will not be used. Each serie represents, a line (if type is line) or a serie 
      of bars (if type is chart).</font></li>
  </ul>
</ul>
<p align="center"><img src="images/rchartvb21_2.PNG" width="383" height="149"></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">Whenever you click on a component 
    in the tree window, the parameters for the selected component will be displayed 
    in the <b>parameters window</b>. In order to apply the changes of the parameters 
    and rebuild the chart click on the <b>&quot;Build&quot; button</b>. If you 
    move the mouse over the parameters name you will be able to see a short <b>tip/description</b> 
    of the same. </font>
    <p>&nbsp;</p>
  </li>
</ul>
<p align="center"><font face="Arial, Helvetica, sans-serif"><img src="images/RCVB1.jpg" width="399" height="365"></font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">the menu. It allows the following 
    operations: </font> 
    <ul>
      <li><font face="Arial, Helvetica, sans-serif"><i>File-&gt;New</i>: creates 
        new chart, current parameters will be lost.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>File-&gt;Load</i>: loads 
        new parameters, current parameters will be lost.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>File-&gt;Save</i>: saves 
        current chart parameters into a file.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>File-&gt;Exit</i>: exits 
        application.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Output-&gt;View</i>: view 
        current parameters. You can copy and paste these parameters to use them 
        in your ASP, JSP or Php scripts.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Output-&gt;Applet parameters</i>: 
        creates a file that contains the parameters for the current chart to be 
        used as applet.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Output-&gt;Servlet/Java 
        parameters</i>: creates a file that contains the parameters for the current 
        chart to be used in a servlet or java program (see section &quot;running 
        the chart&quot;).</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Administration -&gt; parameters' 
        names: </i>if checked, the name of the parameters will be displayed instead 
        of the description (see screenshot below).<br>
        <br>
        <img src="images/names.PNG" width="687" height="377"><br>
        <br>
        <br>
        <br>
        </font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Administration -&gt; set 
        browser</i>: you must select the browser executable in your computer in 
        order to be able to view the help files or run the chart on the browser.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Help -&gt; RChart Visual 
        Builder</i>: view this file.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Help -&gt; RChart Parameters</i>: 
        view the user guide.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Help -&gt; RChart JavaDoc</i>: 
        view JavaDoc.</font></li>
      <li><font face="Arial, Helvetica, sans-serif"><i>Help -&gt; About</i>: displays 
        version.</font></li>
    </ul>
    <p>&nbsp;</p>
  </li>
</ul>
<p><font face="Arial, Helvetica, sans-serif">If you are familiar with the format 
  of the parameters (color, fill styles ....) you can enter the value directly 
  in the field, however RChart Visual Builder provides specific forms for selecting 
  font, colors , line style and other types of parameters.</font></p>
<ul>
  <li> 
    <div align="left"><font face="Arial, Helvetica, sans-serif">Fonts: in order 
      to select a font click on the &quot;Font ...&quot; button of a given parameter. 
      The following window will be displayed:<br>
      <br>
      <img src="images/font.PNG" width="352" height="166"><br>
      <br>
      <br>
      <br>
      This window allows you to select a font type, size and style. You can also 
      set the font to null. For example you must set the SERIE_FONT_* parameter 
      to null if you want to remove the value labels from the chart.<br>
      <br>
      </font></div>
  </li>
  <li><font face="Arial, Helvetica, sans-serif">Colors: in order to select a font 
    click on the &quot;Color ...&quot; button of a color-type paramter. The following 
    window will be displayed:<br>
    <br>
    <img src="images/color.PNG" width="299" height="250"><br>
    <br>
    You just have to click on one of the color and the selected color will be 
    displayed in the Color field on the bottom right corner. <br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Fillings. Parameters of type Fill 
    Style have a &quot;Filling...&quot; button as in the screenshot:<br>
    <br>
    <img src="images/filling.PNG" width="346" height="17"><br>
    <br>
    which display the following window:<br>
    <br>
    <img src="images/filling2.PNG" width="302" height="315"><br>
    <br>
    The window allows you to select a color and select the transparency option. 
    If you want to create a gradient filling you have to select the gradient type 
    and you will be able to alternatively select the &quot;Color&quot; and the 
    &quot;Color gradient&quot; values.<br>
    <br>
    If you need to use an image as pattern filling you must enter the image file 
    name in the parameter field.<br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Target zones parameters can be 
    defined using the following window, which allows you to select each of the 
    parameters a target zone is made of.<br>
    <br>
    <img src="images/targetzonevb.PNG" width="293" height="286"><br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Chart label can be defined using 
    the label markup language. The Label window allows you to test your label 
    by clicking on &quot;apply&quot;. As you can see in the upper part of the 
    window you enter your label definition and in the lower part of the window 
    you can see the rendered label.<br>
    <br>
    <img src="images/chartlabel.PNG" width="410" height="390"><br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Line styles parameters are entered 
    by selecting the folor, the type of line and the width:<br>
    <br>
    <img src="images/line.PNG" width="342" height="29"><br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif"> List of values (for example SERIE_DATA_*) 
    can be entered using the | as separator. You can also clik on the &quot;list...&quot; 
    button which allows you to enter the values one by one.<br>
    <br>
    <img src="images/list.PNG" width="353" height="28"><br>
    <br>
    <br>
    </font></li>
</ul>
<p align="center">&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="limitation"><!-- --></a></font></b><font color="#003399">Limitations</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">When you build your chart using the 
  Visual Builder you must take into account that the following features are not 
  enabled inside the Builder:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif"> Zoom and scroll.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"> Tips.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"> Html links.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Realtime features (automatic update 
    of the chart)</font></li>
</ul>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="running"><!-- --></a></font></b><font color="#003399">Running 
  the chart</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">Once your chart has been created 
  you can:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">view the parameters (<i>menu-&gt;output-&gt;view</i>). 
    You can copy and paste the parameters to use them in your ASP, JSP or Php 
    scripts.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">save the parameters to use them 
    in a java program (: <i>menu-&gt;output-&gt;Servlet /Java parameters</i>). 
    In this case you must use the following Java code: </font> 
    <blockquote> 
      <blockquote> 
        <p><font size="-1" face="Arial, Helvetica, sans-serif">// create chart 
          loader <br>
          ChartLoader loader=new ChartLoader(); <br>
          <br>
          // load paremeters <br>
          loader.loadFromFile("file://" + f[1]+f[0],true); <br>
          <br>
          // create charts<br>
          Chart c=loader.build(false,false);</font></p>
      </blockquote>
    </blockquote>
  </li>
</ul>
<P><font face="Arial, Helvetica, sans-serif">Note that some of the parameters 
  in your chart are constant, for example, your chart will always have a yellow 
  background color. However some other parameters will be variable, for example 
  the data to be plotted (parameter SERIE_DATA_*). You must of course change those 
  parameters at runtime:</font></P>
<ul>
  <li><font face="Arial, Helvetica, sans-serif">If you use java/jsp source code 
    you can change the parameters: </font></li>
  <blockquote> 
    <blockquote> 
      <p><font size="-1" face="Arial, Helvetica, sans-serif">// create chart loader 
        <br>
        chartLoader loader=new chartLoader(null); <br>
        <br>
        // load paremeters <br>
        loader.loadFromFile("file://" + f[1]+f[0],true); <br>
        </font></p>
      <p><font size="-1" color="#FF0033" face="Arial, Helvetica, sans-serif">// 
        change the parameters you what here, for example, provide new data to 
        be plotted<br>
        loader.setParameter(&quot;SERIE_DATA_1&quot;,&quot;1|34|54&quot;)</font><font size="-1" face="Arial, Helvetica, sans-serif"><br>
        <br>
        // create charts<br>
        Chart c=loader.build(false,false);</font></p>
    </blockquote>
  </blockquote>
  <li><font face="Arial, Helvetica, sans-serif">If you use java source code you 
    also change the chart once has been created (see RChart Javadoc): </font> 
    <blockquote> 
      <blockquote> 
        <p><font size="-1" face="Arial, Helvetica, sans-serif">// create chart 
          loader <br>
          chartLoader loader=new chartLoader(null); <br>
          <br>
          // load paremeters <br>
          loader.loadFromFile("file://" + f[1]+f[0],true); <br>
          <br>
          // create charts<br>
          Chart c=loader.build(false,false);</font></p>
        <p><font size="-1" color="#FF0033" face="Arial, Helvetica, sans-serif">// 
          change first serie in plotter 0 <br>
          c.plotters[0].replaceSerie(0,yourDataSerie);</font></p>
      </blockquote>
    </blockquote>
  </li>
</ul>
<blockquote>
  <blockquote>&nbsp;</blockquote>
</blockquote>
<P>&nbsp;</P>
<P><font face="Arial, Helvetica, sans-serif"><b><font size=+2><a name="tutorial"><!-- --></a>Tutorial</font></b></font></P>
<P><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="createline"><!-- --></a></font></b><font color="#003399">Create 
  a line or bar chart, step by step</font></b></font></P>
<P><font face="Arial, Helvetica, sans-serif">The following steps will show you 
  how to create a line chart that uses dates in the x axis:</font></P>
<ol>
  <li><font face="Arial, Helvetica, sans-serif"> Start RChart Visual Builder</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Create a new chart with menu <i>File-&gt;New</i>.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>Chart</i> node 
    of the components tree (top right corner of the window).</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter desired size of the chart 
    in the <i>Area's width and height</i> parameters. For example 400,400.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter a title for you chart in 
    the &quot;<i>Text of the title</i>&quot; field. For example &quot;My first 
    chart&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"><b>Proceed now with the X Axis</b></font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>X Axis </i> node 
    of the components tree.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter title for the X Axis in 
    the &quot;<i>Text of the X label</i>&quot;. For example &quot;Date&quot;. 
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter initial date &quot;X initial 
    date&quot; , for example &quot;23-12-2001&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter &quot;d&quot; in the &quot;X 
    date step&quot;. In this way, each tick will stand for 1 day. </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter 7 in the &quot;X big tick 
    interval&quot; so that you get 1 big tick every 7 days.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"><b>Proceed now with the YAxis</b></font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>Y Axis </i> node 
    of the components tree.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter 0 in the &quot;Y Min&quot; 
    field.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter &quot;10&quot; in the &quot;<i>Y 
    auto ticks</i>&quot; so that you get only 10 ticks on the Y axis.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Set &quot;Y axis integer&quot; 
    to &quot;Yes&quot;, in order to avoid decimal values on the Y Axis labels.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"><b>Proceed now with the Data to 
    be plotted</b></font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>Serie 1</i> node 
    of the components tree </font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter a name for the serie in 
    the field &quot;Name of the serie&quot;. For example &quot;Sales&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter the values to be plotted 
    in the &quot;Data&quot; field. For example: &quot;10|23|45|24|45|67|86|23|43&quot; 
    .</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Set<i> Type</i> to LINE in order 
    to get a line chart or BAR in order to get a bar chart.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Select now color of the line in 
    the field:</font></li>
  <li><font face="Arial, Helvetica, sans-serif">click on the <i>Build </i>button.</font></li>
</ol>
<p><font face="Arial, Helvetica, sans-serif">congratulations!, you have created 
  your first chart, you can now change some other parameters like colors, images, 
  line styles or fonts in order to make this simple chart look a bit nicer.</font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="createpie"><!-- --></a></font></b><font color="#003399">Create 
  a pie chart, step by step</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">The following steps will show you 
  how to create a pie chart:</font></p>
<ol>
  <li><font face="Arial, Helvetica, sans-serif"> Start RChart Visual Builder</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Create a new chart with menu <i>File-&gt;New</i>.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>Chart</i> node 
    of the components tree (top right corner of the window).</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter desired size of the chart 
    in the <i>Area's width and height</i> parameters. For example 400,400.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter a title for you chart in 
    the &quot;<i>Text of the title</i>&quot; field. For example &quot;My first 
    chart&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif"><b>Proceed now with the Data to 
    be plotted</b></font></li>
  <li><font face="Arial, Helvetica, sans-serif">Click on the <i>Serie 1</i> node 
    of the components tree.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter a name for the serie in 
    the field &quot;Name of the serie&quot;. For example &quot;Test&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Set<i> Type</i> to PIE.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Set now the values in the &quot;Data&quot; 
    field, for example &quot;10|45|67&quot;. This will be the values for each 
    item of the pie.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter now the names of the items.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter the name in the &quot;Item 
    name 1&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    1&quot;, for example &quot;Item A&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter the name in the &quot;Item 
    name 2&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    2&quot;, for example &quot;Item B&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter the name in the &quot;Item 
    name 3&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    3&quot;, for example &quot;Item C&quot;.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Enter now the colors for the items 
    of the pie.</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Select a color in the &quot;Item 
    style 1&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    1&quot;</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Select a color in the &quot;Item 
    style 2&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    2&quot;</font></li>
  <li><font face="Arial, Helvetica, sans-serif">Select a color in the &quot;Item 
    style 3&quot; field of the &quot;PieChart&quot; section of the &quot;Serie 
    3&quot;</font></li>
  <li><font face="Arial, Helvetica, sans-serif">click on the <i>Build </i>button.</font></li>
</ol>
<p><font face="Arial, Helvetica, sans-serif">congratulations!, you have created 
  your first chart, you can now change some other parameters; Click on the &quot;<i>Piechart</i>&quot; 
  node of the components tree to change the aspect of the pie.</font></p>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif"><b><b><font size=+2><a name="examples"><!-- --></a></font></b><font color="#003399">Examples</font></b></font></p>
<p><font face="Arial, Helvetica, sans-serif">The subdirectory &quot;data/examples&quot; 
  contains several files you can load into RChart Visual Builder. We recommend 
  you to use this examples as start point for your own charts.</font></p>
<hr>
<P>&nbsp;</P>
<P>&nbsp;</P>
</BODY>
</HTML>
